<template>
  <div class="home">
    <Monitor></Monitor>
    <Sales></Sales>
    <search />
  </div>
</template>

<script lang="ts">
export default {
  name: 'Home',
}
</script>
<script lang="ts" setup>
import {ref,reactive,onMounted} from 'vue'
import Monitor from './monitor/index.vue'
import Sales from './sales/index.vue'
import { useUserInfoStore } from '@/stores/userInfo';
import { useReportDataStore } from '@/stores/reportData'
import Search from './search/index.vue'

const reportInfoData = useReportDataStore()
const userInfoStore = useUserInfoStore()

// 1. 当页面组件挂载完毕之后 就要发送 请求 获取数据
onMounted(() => {
  reportInfoData.getReportInfoData()
})
</script>

<style scoped>
  .home {
    width: 100%;
    height: 100%;
    padding: 20px;
    /* font-size: 30px; */
    background-color: #eee;
  }
</style>
